<template>
  <m-page>
    <!-- 还款记录页 -->
    <m-header title="还款记录">
      <!-- 还款记录头部 -->
      <div class="g-head">
        <div><span class="iconfont">&#xe600;</span></div>
        <div><span>还款记录</span></div>
        <div><span></span></div>
      </div>
      <!-- 还款记录列表 -->
      <div class="g-list">
        <ul>
          <li>
            <div>
              <span>主动还款</span>
              <span>2020/02/07</span>
            </div>
            <div></div>
            <div>
              <span>￥500.20<br>还款成功</span>
              <span class="iconfont">&#xe62a;</span>
            </div>
          </li>
        </ul>
      </div>
      <!-- 控制界面区域 -->
      <div class="g-control">
        <div>
          <div class="iconfont">&#xe790;</div>
          <div class="iconfont">&#xe60c;</div>
          <div class="iconfont">&#xe600;</div>
        </div>
      </div>
    </m-header>
  </m-page>
</template>

<script>
  export default {
    components: {},
    data() {
      return {

      }
    },
    created() {},
    mounted() {},
    watch: {},
    computed: {}
  }
</script>

<style lang="scss" scoped>
  @import './index.scss';
</style>

